import React from 'react';
import { HomeOutlined } from '@ant-design/icons';
import { Breadcrumb } from 'antd';

const ComBreadcrumb: React.FC<{path:string}> = (path) => (
  <Breadcrumb
    style={{paddingLeft:20+'px,',marginTop:15+'px',marginLeft:20+'px'}}
    items={[
      {
        href: '',
        title: <HomeOutlined />,
      },
      {
        href: '',
        title: (
          <>
            {/* 123 */}
            <span>{path.path==='/'?'Home':path.path}</span>
          </>
        ),
      },
      {
        title: 'content',
      },
    ]}
  />
);

export default ComBreadcrumb